.card {
  background: #fff;
  // box-shadow: 0px 10px 9px 0px rgba(235, 235, 235, 0.25);
  border-radius: $borderRadius;
  overflow: hidden;

  :global {
    .card_title {
      width: 100%;
      color: $mainFontColor;
      font-size: 32px;
      font-weight: 500;
      display: flex;
      align-items: center;
      flex: 1;
      &:empty {
        display: none;
      }
    }
    .card_body {
      width: 100%;
      padding: $padding;
      transition: all 0.5s;
      overflow: hidden;
      height: 200px;
    }
    .block {
      &::before {
        content: ' ';
        display: inline-block;
        width: 6px;
        height: 24px;
        background: $primary-color;
        margin-right: 10px;
        border-radius: 22px;
      }
    }
  }
  .header {
    display: flex;
    padding: $padding;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f5f5f5;
    gap: $padding;
    &:empty {
      display: none;
    }
    .contractWrap {
      line-height: normal;
      :global {
        .nutui-iconfont {
          color: #999999;
        }
      }
    }
  }

  &:empty {
    display: none;
  }
}
